<template>
  <div id="app">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  components: {
    HelloWorld
  },
  data:()=>({
    fontSize: 16,
  }),
  mounted(){
        this.fontSize = parseFloat(window.getComputedStyle(window.document.documentElement)['font-size']);
  },
  methods:{
    remToPx(size){
            if(size.indexOf('rem')!==-1){
                return parseFloat(size)*this.fontSize;
            }
        },
  }
}
</script>

<style lang="scss">
*{
    margin: 0;
    padding: 0;
}
</style>
